<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link rel="stylesheet" href="resources/css/bootstrap.css">
    <link rel="stylesheet" href="resources/css/xenon-core.css">
    <link rel="stylesheet" href="resources/css/xenon-forms.css">
    <link rel="stylesheet" href="resources/css/xenon-components.css">
    <link rel="stylesheet" href="resources/css/xenon-skins.css">
    <link rel="stylesheet" href="resources/css/custom.css">
    <!--fonts-->
    <link rel="stylesheet" href="resources/fonts/arimo/css/arimo.css">
    <link rel="stylesheet" href="resources/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="resources/fonts/fontawesome/css/font-awesome.min.css">
    <link href="resources/css/admin.css" rel="stylesheet"/>
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
</head>
<body>
<div class="row">
    <!-- Tabbed panel 2 -->
    <div class="panel panel-default panel-tabs">
        <!-- Add class "collapsed" to minimize the panel -->
        <div class="panel-heading">
            <h3 class="panel-title" style="margin-left: 30px;">人员信息</h3>
        </div>
        <div class="panel-body">
            <div class="tab-content">
                <div class="tab-pane active" id="tab-4">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <!-- 待审核面板 -->
                            <table class="table table-bordered table-striped" id="example-2">
                                <thead>
                                <tr>
                                    <th class="no-sorting">
                                        <input type="checkbox" class="cbr">
                                    </th>
                                    <th>角色名称</th>
                                    <th>名字</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody class="middle-align">
                                <tr>
                                    <td>
                                        <input type="checkbox" class="cbr">
                                    </td>
                                    <td>user@qq.com</td>
                                    <td>Xxxxxxxxxxxxxxxxxxx</td>
                                    <td>
                                        <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left" data-toggle="modal" data-target="#check">
                                            分配权限
                                        </a>

                                        <a href="#" class="btn btn-danger btn-sm btn-icon icon-left" data-toggle="modal" data-target="#check">
                                            拒绝分配
                                        </a>

                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="cbr">
                                    </td>
                                    <td>user@qq.com</td>
                                    <td>Xxxxxxxxxxxxxxx</td>
                                    <td>
                                        <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                            分配权限
                                        </a>

                                        <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                            拒绝分配
                                        </a>

                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="cbr">
                                    </td>
                                    <td>user@qq.com</td>
                                    <td>Xxxxxxxxxxxxxxxx</td>
                                    <td>
                                        <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                            分配权限
                                        </a>

                                        <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                            拒绝分配
                                        </a>

                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="cbr">
                                    </td>
                                    <td>user@qq.com</td>
                                    <td>Xxxxxxxxxxxxxxxxx</td>
                                    <td>
                                        <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                            分配权限
                                        </a>

                                        <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                            拒绝分配
                                        </a>

                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="cbr">
                                    </td>
                                    <td>user@qq.com</td>
                                    <td>Xxxxxxxxxxxxxxxx</td>
                                    <td>
                                        <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                            分配权限
                                        </a>

                                        <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                            拒绝分配
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="cbr">
                                    </td>
                                    <td>user@qq.com</td>
                                    <td>Xxxxxxxxxxxxxx</td>
                                    <td>
                                        <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                            分配权限
                                        </a>

                                        <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                            拒绝分配
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="cbr">
                                    </td>
                                    <td>user@qq.com</td>
                                    <td>Xxxxxxxxxx</td>
                                    <td>
                                        <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                            分配权限
                                        </a>

                                        <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                            拒绝分配
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="cbr">
                                    </td>
                                    <td>user@qq.com</td>
                                    <td>Xxxxxxxxxxxxx</td>
                                    <td>
                                        <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                            分配权限
                                        </a>

                                        <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                            拒绝分配
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="cbr">
                                    </td>
                                    <td>user@qq.com</td>
                                    <td>Xxxxxxxxxxxxxxx</td>
                                    <td>
                                        <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                            分配权限
                                        </a>

                                        <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                            拒绝分配
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<footer class="main-footer sticky footer-type-1">
    <div class="footer-inner">
        <!-- Add your copyright text here -->
        <div class="footer-text">
            &copy; 2016 <strong>蓝点工作室</strong> 江西农业大学
            <a href="#" target="_blank">大数据智能猪舍</a>
            - 开发团队:
            <a href="#" target="_blank">蓝点工作室</a>
        </div>
        <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
        <div class="go-up">
            <a href="#" rel="go-top">
                <i class="fa-angle-up"></i>
            </a>
        </div>
    </div>
</footer>
<div class="page-loading-overlay">
    <div class="loader-2"></div>
</div>

<div class="modal fade" id="check">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">分配权限</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <!--分配内容-->

                            <ul id="myTab" class="nav nav-tabs">
                                <li class="active">
                                    <a href="#worker" data-toggle="tab">
                                        工作人员
                                    </a>
                                </li>
                                <li><a href="#holder" data-toggle="tab">管理员</a></li>

                            </ul>
                            <div id="myTabContent" class="tab-content">
                                <div class="tab-pane fade in active" id="worker">
                                    <table class="table table-bordered table-hover table-striped" id="alloPerm" width="100%" border="2px;">
                                        <thead>
                                        <tr>
                                            <th>分配模块</th>
                                            <th>分配项</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>设备管理</td>
                                            <td>
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox">设备运行控制
                                                    </label>
                                                    <label>

                                                        <input type="checkbox">传感器管理
                                                    </label>
                                                    <label>

                                                        <input type="checkbox">环控设备控制
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">设备异常查看
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">猪栏管理
                                                    </label>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>猪只管理</td>
                                            <td>
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox">用户登陆
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">用户注册
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">找回密码
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">修改密保
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">修改密码
                                                    </label>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>库存管理</td>
                                            <td>
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox">入库管理
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">出库管理
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">查看入库单分析
                                                    </label>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>猪只管理</td>
                                            <td>
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox">生长情况标准设置
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">猪只信息管理
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">猪只安全管理
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">移栏管理
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">饲喂管理
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">母猪管理
                                                    </label>
                                                </div>

                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="tab-pane fade" id="holder">
                                    <table class="table table-bordered table-hover table-striped" id="alloPerm" width="100%" border="2px;">
                                        <thead>
                                        <tr>
                                            <th>分配模块</th>
                                            <th>分配项</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>猪只管理</td>
                                            <td>
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox">销毁管理
                                                    </label>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>移栏管理</td>
                                            <td>
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox">出栏管理
                                                    </label>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>用户管理</td>
                                            <td>
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox">用户登陆
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">用户注册
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">找回密码
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">修改密保
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">修改密码
                                                    </label>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>算法管理</td>
                                            <td>
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox">提交算法插件
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">算法组合
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">删除算法插件
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">查看算法文件
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">移动算法文件
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">下载算法
                                                    </label>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>维护与安全管理</td>
                                            <td>
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox">日志管理
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">数据备份与恢复
                                                    </label>
                                                    <label>
                                                        <input type="checkbox">权限管理
                                                    </label>
                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="submit" class="btn btn-white" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="read">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">查看审核</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="field-1" class="control-label">邮箱</label>
                            <input type="text" class="form-control" id="field1" placeholder="user@qq.com" disabled/>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label">申请时间</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="field-2" class="control-label">申请解冻理由</label>
                            <textarea class="form-control" id="field-3" rows="3"  disabled></textarea>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="field-2" class="control-label">审核理由</label>
                            <textarea class="form-control" id="field-2" rows="3" placeholder="请输入审核理由" required="required"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="submit" class="btn btn-white" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="resources/plugins/jquery.1.12.4.min.js"></script>
<link rel="stylesheet" href="resources/js/datatables/dataTables.bootstrap.css">
<!-- Bottom Scripts -->
<script src="resources/js/bootstrap.min.js"></script>
<script src="resources/js/TweenMax.min.js"></script>
<script src="resources/js/resizeable.js"></script>
<script src="resources/js/joinable.js"></script>
<script src="resources/js/xenon-api.js"></script>
<script src="resources/js/xenon-toggles.js"></script>
<!-- Imported scripts on this page -->
<script src="resources/js/datatables/js/jquery.dataTables.min.js"></script>
<script src="resources/js/datatables/dataTables.bootstrap.js"></script>
<script src="resources/js/datatables/yadcf/jquery.dataTables.yadcf.js"></script>
<!-- JavaScripts initializations and stuff -->
<script src="resources/js/xenon-custom.js"></script>
<!--Specific JS for this page-->
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $("#example-2").dataTable({
            aLengthMenu: [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "所有"]
            ]
        });
        // Replace checkboxes when they appear
        var $state = $("#example-2 thead input[type='checkbox']");

        $("#example-2").on('draw.dt', function() {
            cbr_replace();

            $state.trigger('change');
        });

        // Script to select all checkboxes
        $state.on('change', function(ev) {
            var $chcks = $("#example-2 tbody input[type='checkbox']");

            if($state.is(':checked')) {
                $chcks.prop('checked', true).trigger('change');
            } else {
                $chcks.prop('checked', false).trigger('change');
            }
        });
    });
</script>
</body>
</html>